<!doctype html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>WebSSH</title>
    <link rel="stylesheet" href="../static/xterm/css/xterm.css"/>
    <link rel="stylesheet" href="../static/css/login.css"/>
    <link rel="stylesheet" href="../static/css/base.css">
    <!-- particles.js container -->
    <script src="../static/js/jquery-3.4.1.min.js"></script>
    <script src="../static/js/webssh.js" charset="utf-8"></script>
    <script src="../static/xterm/lib/xterm.js"></script>
    <script src="../static/libs/jquery-1.12.4/jquery.min.js"></script>
    <script src="../static/js/crypto-js.min.js"></script>

    <script src="../static/js/index.js" charset="utf-8"></script>
</head>
<body>
    <!-- particles.js container -->
    <div id="output" style="width: 100%;height: 100%; display: none;">
        <div id="crumbs" style="width: 100%;height: 20px; text-align: left;">
            <button style="width: 100px" onclick="disconnect();">断开连接</button>
            <button style="width: 100px" onclick="loginSftp();">sftp login</button>
<!--            <button style="width: 100px" onclick="reconnectMethod();">重新连接</button>-->
        </div>
        <div id="terminal" style="width: 300%;height: calc(100% - 30px);"></div>
    </div>


    <div id="input" style="display:block;">
        <div id="wrapper">
            <div style="margin-top: 50%">
                <h1 style="font-family: Arial;shape-margin: 10px;color: #0f88eb;font-size: 35px">My Web SSH</h1>
            </div>
            <nav class="switch_nav">
                <a href="javascript:'use strict';!function(){for(var t=document.getElementsByTagName('input'),e=0;e<t.length;e++)'password'===t[e].getAttribute('type')&&t[e].setAttribute('type','text')}();" id="switch_login" class="switch_btn on">登陆</a>
                <div class="switch_bottom" id="switch_bottom"></div>
            </nav>
            <div>
                <ul class="group_input">
                    <li>
                        <input type="text" value="172.28.132.123" class="mobile required" id="ip" placeholder="IP"/>
                    </li>
                    <li>
                        <input type="text" value="62222" class="mobile required" id="port" placeholder="端口"/>
                    </li>
                    <li>
                        <input type="text" value="root" class="mobile required" id="username" placeholder="用户名"/>
                    </li>
                    <li>
                        <input type="password" value="123qwe!@#" class="psd required" id="pwd" placeholder="密码"/>
                    </li>
                </ul>
                <button type="submit" class="submit_btn" onclick="connect();">登陆</button>

            </div>
            <div id="footer">
                <span style="margin-top: 10px">
                     <a href="https://gitee.com/xjyylzh/web-ssh2">Gitee</a>
                </span>
            </div>
        </div>
    </div>
</body>
</html>